<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>小鱼</title>
<style type="text/css">
body{ padding-top:10px;}
.all-bg{ width:800px;
		height:600px;
		margin:50px auto;}
#allcanvas{ position:relative;
			width:800px;
			height:600px;
			margin:0px}
#canvas1{ position:absolute;
			bottom:0;
			left:0;
			z-index:1}
#canvas2{ position:absolute;
			bottom:0;
			left:0;
			z-index:0;
			
			
			
			}
</style>
</head>

<body>
	<div class="all-bg">
    	<div id="allcanvas">
        	<canvas id="canvas1" width="800" height="600"></canvas>
            <canvas id="canvas2" width="800" height="600"></canvas>
        </div>
    </div>
    <script type="text/javascript" src="JS/yu.js"></script>
    <script type="text/javascript" src="JS/commonFunctions.js"></script>
    <script type="text/javascript" src="JS/background.js"></script>
    <script type="text/javascript" src="JS/海葵.js"></script>
    <script type="text/javascript" src="JS/果实.js"></script>
    <script type="text/javascript" src="JS/画鱼.js"></script>
    <script type="text/javascript" src="JS/碰撞试验.js"></script>
    <script type="text/javascript" src="JS/画小鱼.js"></script>
    <script type="text/javascript" src="JS/分值计算.js"></script>
    <script type="text/javascript" src="JS/白圈.js"></script>
    <script type="text/javascript" src="JS/橙圈.js"></script>
    <script type="text/javascript" src="JS/漂浮物.js"></script>
</body>
</html>
